<div class="content">
	<table style="width: 100%; height: -webkit-fill-available; margin: 0 auto;">
		<tr>
			<td valign="top" style="border-right: 1px solid #dedede;width: 20%;">
				<div style="width: 100%;    margin: 10px 0px;text-align: center;">
					<button ng-click="addRule()" type="button" class="btn btn-primary">
						<i class="iconfont icon-add"></i>&nbsp; 添加参照
					</button>
				</div>
				<div class="input-group mb-3" style="width: 95%">
					<input ng-model="name" type="text" class="form-control"  aria-label="Recipient's username" aria-describedby="basic-addon2">
					<div><button class="btn btn-secondary" ng-click="filterName=name"><i class="iconfont icon-search"></i>&nbsp;查询</button></div>
				</div>
				<nav class="navbar navbar-vertical navbar-light" style="padding: 0;" >
					<ul class="navbar-nav" style="height: 555px;overflow-y: auto;width: 95%">
						<li class="nav-item dropdown" ng-repeat="rule in rules | filter:{name:filterName}">
							<a  class="nav-link" href="#sidebarLayouts{{rule.id }}" ng-click="selectDictionary(rule)" data-toggle="collapse" role="button" aria-expanded="true" aria-controls="sidebarLayouts{{rule.id }}" style="padding-left:0px !important;">
								<i class="iconfont icon-folder"></i>&nbsp; {{rule.name }}
							</a>
						</li>
						<li class="nav-item d-md-none">
							<a class="nav-link" href="#sidebarModalActivity" data-toggle="modal">
								<span class="iconfont icon-bell"></span> Notifications
							</a>
						</li>
					</ul>
				</nav>
			</td>
			<td valign="top" style="padding-left: 30px;">
				<div ng-show="show">
					<span style="font-size: 22px;line-height: 50px;font-weight: 600px;margin-left: 10px;">{{rule_name}}&nbsp;&nbsp;<small>编号：{{rule_id}}</small></span>
					<button ng-click="updateRule(rule)" type="button" class="btn-outline-warning btn-sm" style="border: none;margin-left: 0px;"><i  class="iconfont icon-update"></i></button>
					<div class="float-right ng-scope">
						<button ng-click="addDictionary()" type="button" class="btn btn-primary"><i class="iconfont icon-add"></i>&nbsp; 新增</button>
						<button ng-click="updateDictionary()" type="button" class="btn btn-warning"><i class="iconfont icon-update"></i>&nbsp; 修改</button>
						<button ng-click="deleteDictionary()" type="button" class="btn btn-danger"><i class="iconfont icon-delete"></i>&nbsp; 删除</button>
					</div>
					<div class="div-table" style="margin: 0;width:100%;">
						<table class="table table-hover table-bordered">
							<thead>
							<tr>
								<th class="table-th-checkbox" >
									<input type="checkbox" ng-click="checkAll($event.target)" />
								</th>
								<th column="code"  >字典代码</th>
								<th column="name"  >字典名称</th>
								<th column="status"  >状态</th>
								<th column="create_time"  >创建时间</th>
								<th>说明</th>
							</tr>
							</thead>
							<tbody ng-switch on="page.current_num">
							<tr ng-switch-when="0">
								<td colspan="100" >查询无记录</td>
							</tr>
							<tr ng-repeat="row in rows" ng-click="optData($event.currentTarget)">
								<td>
									<input type="checkbox" name="dataPk" value="{{row.id}}"  />
								</td>
								<td>{{row.code}}</td>
								<td>{{row.name}}</td>
								<td ng-switch on="row.status">
									<span ng-switch-when="0" class="badge badge-success">启用</span>
									<span ng-switch-when="1" class="badge badge-info">开发</span>
									<span ng-switch-when="2" class="badge badge-warning">维护</span>
									<span ng-switch-when="3" class="badge badge-danger">禁用</span>
								</td>
								<td>{{row.create_time}}</td>
								<td>{{row.comment}}</td>
							</tr>
							</tbody>
						</table>
					</div>
					<div ng-include="'plugin/frame/3.0.1/html/page.html'" class="div-page"></div>
				</div>
			</td>
		</tr>
	</table>
</div>